﻿<!DOCTYPE HTML>
<html>
	<head>
		<title>用户中心</title>
		<link href="../css/bootstrap.css" rel='stylesheet' type='text/css' />
		<script src="../js/jquery.min.js"></script>
		 <!-- Custom Theme files -->
		<link href="../css/style.css" rel='stylesheet' type='text/css' />
   		 <!-- Custom Theme files -->
   		 <meta name="viewport" content="width=device-width, initial-scale=1">
		 <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
   		 <!-- webfonts -->
   		 <link href='http://fonts.useso.com/css?family=Glegoo:400,700' rel='stylesheet' type='text/css'>
   		 <link href='http://fonts.useso.com/css?family=Rochester' rel='stylesheet' type='text/css'>
   		 <link href='http://fonts.useso.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'>
   		  <!-- webfonts -->
		  <style type="text/css" >
		      
		  </style>
	</head>
	<body>
		<!-- container -->
		<!-- header -->
		<div class="header">
			<!-- top-header -->
			<div class="top-header">
				<div class="container">
					<div class="rigister-info">
						<ul>
							<li><a href="../login/login.html">登录</a></li>
							<li><a href="../login/register.html">注册</a></li>
							<div class="clearfix"> </div>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
			<!-- /top-header -->
			<!-- bottom-header -->
			<div class="bottom-header">
				<div class="container">
					<div class="bottom-header-left">
						<p>The home network, the right choice for you! &nbsp;&nbsp; Welcome! </p>
					</div>
					<div class="logo">
						<a href="index.html"><img src="../images/logo.png" title="gaia" /></a>
					</div>
					<div class="bottom-header-right">
						<ul>
							<li><a href="../index.html">首页</a></li>
							<li><a href="../user.html">用户中心</a></li>
							<li><a href="../seller.html">卖家中心</a></li>
							<li><a href="../contact.html">联系我们</a></li>
						</ul>
						<div class="search-cart">
							<div class="search-box">
								<form>
									<input type="text" value="Search..." />
									<input type="submit" value="" />
								</form>
							</div>
							<div class="cart-box">
								<select>
									<option> 店铺</option>
									<option> 案例</option>
								</select>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
			</div>
			<!-- /bottom-header -->
		</div>
		<!-- header -->
		<!--- top-nav -->
		<div class="top-nav">
			<div class="container">
				<span class="menu"> </span>
				<ul>
					<li style="width:20%;"><a href="" class="city_select">我的订单<span> </span></a>
					  <ul class="list_" style="display:none; float: left; width: 228px; position: absolute; z-index: 999; padding: 10px; border: 1px solid rgb(176, 170, 160); background: rgb(240, 248, 255);">
					    <li style="width: 100%;height: 28px;line-height: 28px;"><a style="padding: 0;" href="user_o1.html">预约订单</a></li>
						<li style="width: 100%;height: 28px;line-height: 28px;"><a style="padding: 0;" href="user_o2.html">已付定金订单</a></li>
						<li style="width: 100%;height: 28px;line-height: 28px;"><a style="padding: 0;" href="user_o3.html">已完成订单</a></li>
					  </ul>
				  </li>
					<li style="width:20%;"><a href="" class="city_select">站内信<span> </span></a>
					  <ul class="list_" style="display:none; float: left; width: 228px; position: absolute; z-index: 999; padding: 10px; border: 1px solid rgb(176, 170, 160); background: rgb(240, 248, 255);">
					    <li style="width: 100%;height: 28px;line-height: 28px;"><a style="padding: 0;" href="mess_y1.html">未读信息</a></li>
						<li style="width: 100%;height: 28px;line-height: 28px;"><a style="padding: 0;" href="mess_y2.html">历史信息</a></li>
					  </ul>
				  </li>
					<li style="width:20%;"><a href="" class="city_select">个人信息<span> </span></a>
					  <ul class="list_" style="display:none; float: left; width: 228px; position: absolute; z-index: 999; padding: 10px; border: 1px solid rgb(176, 170, 160); background: rgb(240, 248, 255);">
					    <li style="width: 100%;height: 28px;line-height: 28px;"><a style="padding: 0;" href="info.html">个人资料</a></li>
					  </ul>
				  </li>
					<li style="width:20%;"><a href="" class="city_select">密码设置<span> </span></a>
					  <ul class="list_" style="display:none; float: left; width: 228px; position: absolute; z-index: 999; padding: 10px; border: 1px solid rgb(176, 170, 160); background: rgb(240, 248, 255);">
					    <li style="width: 100%;height: 28px;line-height: 28px;"><a style="padding: 0;" href="user_code.html">密码重置</a></li>
					  </ul>
				  </li>
					<div class="clearfix"> </div>
				</ul>
			</div>
		</div>
		<!--- top-nav -->
		<!-- script-for-nav -->
		<script>
			$(document).ready(function(){
				$("span.menu").click(function(){
					$(".top-nav ul").slideToggle(500);
				});
				
				$('.container li').hover(function() {
					$('ul', this).slideDown(200);
					$(".list_ li a").click(function(){
					    var href = $(this).attr("href");
						$(".selected").attr("href",href);
				    });
				}, function() {
					$('ul', this).slideUp(100);	
				});
			});
		</script>
			
		<!-- /script-for-nav -->
		<!-- Product-Details-page -->
		<div class="details-page">
			<div class="content details-page">
				<div class="product-details">
					<div class="container">
						<div class="details-left" style="width: 100%;">
							<table style="width: 100%; background: wheat; padding: 20px;margin-top: 20px;border-collapse: inherit;" border="0" align="center" cellpadding="0" cellspacing="2">
							  <thead>
								<tr style="height:40px;">
								  <th style="text-align: center;width: 100px;">订单号</th>
								  <th style="text-align: center;width: 100px;">案例</th>
								  <th style="text-align: center;width: 100px;">商家名称</th>
								  <th style="text-align: center;width: 100px;">商家联系方式</th>
								  <th style="text-align: center;width: 100px;">总金额</th>
								  <th style="text-align: center;width: 100px;">已付款</th>
								  <th style="text-align: center;width: 100px;">未付款</th>
								  <th style="text-align: center;width: 100px;">操作</th>
								</tr>
							  </thead>
							  <tbody style="text-align: center;">
								<tr style="height: 80px;">
								  <td>A00001</td>
								  <td><img width="80" src="../images/001.jpg" /></td>
								  <td>shopname1</td>
								  <td>151********</td>
								  <td>80000</td>
								  <td>30000</td>
								  <td>50000</td>
								  <td><a class="sz_money" style="cursor:pointer;">付款</a><a class="sz_refund" style="cursor:pointer; margin-left:20px;">申请退款</a></td>
								</tr>
								<tr style="height: 80px;">
								  <td>A00002</td>
								  <td><img width="80" src="../images/001.jpg" /></td>
								  <td>shopname1</td>
								  <td>151********</td>
								  <td>80000</td>
								  <td>30000</td>
								  <td>50000</td>
								  <td><a class="sz_money" style="cursor:pointer;">付款</a><a class="sz_refund" style="cursor:pointer; margin-left:20px;">申请退款</a></td>
								</tr>
								<tr style="height: 80px;">
								  <td>A00003</td>
								  <td><img width="80" src="../images/001.jpg" /></td>
								  <td>shopname1</td>
								  <td>151********</td>
								  <td>80000</td>
								  <td>30000</td>
								  <td>50000</td>
								  <td><a class="sz_refund" style="cursor:pointer;">付款</a><a class="sz_refund" style="cursor:pointer; margin-left:20px;">申请退款</a></td>
								</tr>
							  </tbody>
							</table>
						</div>
						<div class="clearfix"> </div>
					</div>
			    </div>
		    </div>
		</div>
		<!-- /Product-Details-page -->
		<!--付款-->
		<div class="contact-bottom-grids" style="display:none;position: fixed;z-index: 99;top: 100px;left: 20%;width: 600px;background: rgb(255, 245, 226);border: 1px solid rgb(255, 116, 0);">
			<div class="contact-bottom-grid-right" style="float: none;margin: 0 auto;width: 90%;">
				<h3>付款 <span class="close" style="float: right;margin-top: -20px; cursor:pointer;"><img src="../images/010.gif"></span></h3>
				<form>
					<div class="msg-fild">
							<span>总金额:</span>
							<input type="text" style="padding: 0.4em;" class="text" value="80000">
					</div>
					<div class="msg-fild">
							<span>已付款:</span>
							<input type="text" style="padding: 0.4em;" class="text" value="30000">
					</div>
					<div class="msg-fild">
							<span>当次付款金额:</span>
							<input type="text" style="padding: 0.4em;" class="text">
					</div>
					<input style="margin:0 0 10px;float: right;" type="submit" value="付款">
				</form>
			</div>
			<div class="clearfix"> </div>
		</div>
		<!--end 付款-->
		<!--退款-->
		<div class="contact-bottom" style="display:none;position: fixed;z-index: 99;top: 100px;left: 20%;width: 600px;background: rgb(255, 245, 226);border: 1px solid rgb(255, 116, 0);">
			<div class="contact-bottom-grid-right" style="float: none;margin: 0 auto;width: 90%;">
				<h3>退款申请 <span class="close" style="float: right;margin-top: -20px; cursor:pointer;"><img src="../images/010.gif"></span></h3>
				<form>
					<div class="msg-fild">
							<span>总金额:</span>
							<input type="text" style="padding: 0.4em;" class="text" value="80000">
					</div>
					<div class="msg-fild">
							<span>已付金额:</span>
							<input type="text" style="padding: 0.4em;" class="text" value="30000">
					</div>
					<div class="msg-fild">
							<span>退款金额:</span>
							<input type="text" style="padding: 0.4em;" class="text">
					</div>
					<input style="margin:0 0 10px;float: right;" type="submit" value="提交申请">
				</form>
			</div>
			<div class="clearfix"> </div>
		</div>
		<!--end 退款-->
		<!-- 付款/退款 -->
		<script>
			jQuery(document).ready(function($){
			    $('.sz_money').click(function(){
					$('.contact-bottom-grids').show();
				});
				
			    $('.sz_refund').click(function(){
					$('.contact-bottom').show();
				});
			
				$('.close').click(function(){
					$('.contact-bottom-grids').hide();
					$('.contact-bottom').hide();
				});

			});
		</script>
		<!--end 付款/退款-->
		<!-- footer -->
		<div class="footer">
			<div class="container" style="text-align:center;">
				版权所有：南京竹羽信息科技有限公司
			</div>
		</div>
		<!-- footer -->
		<!-- container -->
	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>

